<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scale=no , maximum-scale=1.0,minimum-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="css引入/小米商城.css">
<link rel="stylesheet" href="css引入/小米商城公共.css">
<style>
    @font-face {
        font-family: 'icomoon';
        src: url('fonts/icomoon.eot?mrmfl8');
        src: url('fonts/icomoon.eot?mrmfl8#iefix') format('embedded-opentype'),
            url('fonts/icomoon.ttf?mrmfl8') format('truetype'),
            url('fonts/icomoon.woff?mrmfl8') format('woff'),
            url('fonts/icomoon.svg?mrmfl8#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    .body{
        max-width: 1920px;
        min-width: 1920px;
    }
    
</style>

<body>
    <div class="top1 clearfix">
        <ul>
            <li id="t6"><a href="#">小米商城</a></li>
            <li><a href="#">miui</a></li>
            <li><a href="#">lot</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">天星科技</a></li>
            <li><a href="#">有品</a></li>
            <li><a href="#">小爱开放平台</a></li>
            <li><a href="#">企业团购</a></li>
            <li><a href="#">资质证照</a></li>
            <li><a href="#">协议规则</a></li>
            <li><a href="#">下载APP</a></li>
            <li><a href="#">智能生活</a></li>
            <li id="t2"><a href="#">select location</a></li>

        </ul>
        <ul id="t1">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
            <li id="t2"><a href="#">消息通知</a></li>
        </ul>
        <span> <a href="#">购物车(0）</a> </span>

    </div>
    <div class="top2 clearfix">

        <div class="top3"></div>
        <ul>
            <li id="t3"><a href="#">小米手机</a></li>
            <li><a href="#">Redmi 红米手机</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">智能硬件</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
        <input type="text" value="&nbsp&nbsp&nbsp小米商城" id="t4">
        <input type="submit" value="" id="t5">
    </div>



    </div>
    <!-- 导航栏 -->
    <div class=" top5 clearfix">
        <div class="top4 ">
            <a href="#">手机 电话卡 <span>></span></a>
            <a href="#">电视 盒子 <span>></span></a>
            <a href="#">笔记本 显示器<span>></span></a>
            <a href="#">家电 插线板<span>></span></a>
            <a href="#">出行 穿戴<span>></span></a>
            <a href="#">智能 路由器<span>></span></a>
            <a href="#">电源 配件<span>></span></a>
            <a href="#">健康 儿童<span>></span></a>
            <a href="#">耳机 音响<span>></span></a>
            <a href="#">生活箱包<span>></span></a>

        </div>
        <div id="t9"><a href="#"> &#62</a></div>

        <div id="t10"><a href="#"> &#60</a> </div>

        <UL id="t11">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </UL>
    </div>

    </div>


    <!-- banner部分 -->
    <div class="top6 clearfix">
        <div id="t7">
            <a href="#">
                <div>
                    <span>
                        <img src="图片/tb4.png">
                    </span>
                    <p>小米秒杀</p>
                </div>
            </a> <a href="#">
                <div>
                    <span>
                        <img src="图片/tb5.png">
                    </span>
                    <p>企业团购</p>
                </div>
            </a> <a href="#">
                <div>
                    <span>
                        <img src="图片/tb6.png">
                    </span>
                    <p>F码通道</p>
                </div>
            </a> <a href="#">
                <div>
                    <span>
                        <img src="图片/tb7.png">
                    </span>
                    <p>米粉卡</p>
                </div>
            </a> <a href="#">
                <div>
                    <span>
                        <img src="../图片/tb8.png">
                    </span>
                    <p>以旧换新</p>
                </div>
            </a> <a href="#">
                <div>
                    <span>
                        <img src="图片/tb9.png">
                    </span>
                    <p>话费充值</p>
                </div>
            </a>





        </div>
        <div id="t8">
            <a href="#"><img src="图片/tb10.jpg"></a>
        </div>
        <div id="t8">
            <a href="#"><img src="图片/tb11.jpg"></a>
        </div>
        <div id="t8">
            <a href="#"><img src="图片/tb12.png"></a>
        </div>

    </div>
    <!-- 粘性定位部分 -->
    <div class="nianxin3"></div>
    <div class="nianxin1">
        <ul>
            <li class="nx4">
                <div class="nx1"><span></span>
                    <p>扫码领取新</p>
                    <p>人百元礼包</p>
                </div>
                <div class="nx2"></div>
                <a href="" class="nx3"><span> </span>
                    <p>手机app</p>
                </a>
            </li>
            <li><a href="" class="nx3"><span> </span>
                    <p>账号注册</p>
                </a> </li>
            <li><a href="" class="nx3"><span> </span>
                    <p>售后服务</p>
                </a> </li>
            <li><a href="" class="nx3"><span> </span>
                    <p>人工服务</p>
                </a> </li>
            <li><a href="" class="nx3"><span> </span>
                    <p>购物车</p>
                </a> </li>
        </ul>
    </div>
    <!-- 物品栏 -->
    <div class="sj3 nianxin2"><img src="图片/x3.webp" alt=""></div>
    <div class="wupinwz clearfix"><span class="sj1">手机</span> <a href="" id="sj2">查看更多</a></div>
    <div class="wupin1 clearfix">
        <div class="wupinz1"><a href=""><img src="图片/x2.webp" alt=""></a></div>

        <ul>
            <li class="clearfix"><a href="" class="clearfix"><img src="图片/x1.webp" alt="">
                    <h3>note 10pro</h3>
                    <p>天机1000年度旗舰芯，vc液冷散热</p> <span>1699元起</span>
                </a></li>
                <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x24.webp" alt="">
                    <h3>小米11prro</h3>
                    <p>高通骁龙888</p> <span>4499元起</span><s>4999</s>
            <li><a href=""><img src="图片/x25.webp" alt="">
                    <h3>小米11 青春版</h3>
                    <p>小米11青春版轻薄</p> <span>2099元起</span>
                </a></li>
                <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x26.webp" alt="">
                    <h3>k40游戏增强版</h3>
                    <p>轻薄电竞设计</p> <span>1999元起</span><s>2599</s>
            <li><a href=""><img src="图片/x29.webp" alt="">
                    <h3>Redmi note10</h3>
                    <p>5G小金刚，旗舰长续航</p> <span>1099元起</span>
                </a></li>
            <li><a href=""><img src="图片/x30.webp" alt="">
                    <h3>小米MIX FOLD</h3>
                    <p>旗舰大屏，自主芯片</p> <span>9999元起</span>
                </a></li>
            <li><a href=""><img src="图片/x27.webp" alt="">
                    <h3>黑鲨4pro</h3>
                    <p>黑鲨4pro</p> <span>3999元起</span>
                </a></li>
            <li><a href=""><img src="图片/x28.webp" alt="">
                    <h3>小米11 ultra</h3>
                    <p>2k四微曲面屏</p> <span>5499元起</span>
                </a></li>
        </ul>
    </div>
    <!-- 电视栏 -->

    <div class="sj3"><img src="图片/x4.webp" alt=""></div>
    <div class="wupinwz clearfix"><span class="sj1">手机</span> <a href="" id="sj2">查看更多</a></div>
    <div class="wupin1 clearfix">
        <div class="wupinds1"><a href="">
                <div><img src="图片/x5.webp" alt=""></div>
                <div><img src="图片/x6.webp" alt="" class="wupinds2"></div>
            </a></div>

        <ul>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x7.webp" alt="">
                    <h3>小米全面屏电视，65英寸</h3>
                    <p>全面屏设计</p> <span>2999元</span><s>3299</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x7.webp" alt="">
                    <h3>小米全面屏电视，65英寸</h3>
                    <p>全面屏设计</p> <span>2999元</span><s>3299</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x7.webp" alt="">
                    <h3>小米全面屏电视，65英寸</h3>
                    <p>全面屏设计</p> <span>2999元</span><s>3299</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x31.webp" alt="">
                    <h3>小米智能电视，75英寸</h3>
                    <p>智能语音服务</p> <span>3799元</span><s>3999</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x32.webp" alt="">
                    <h3>全面屏电视E43K</h3>
                    <p>超大屏设计</p> <span>1399元</span><s>2099</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x33.webp" alt="">
                    <h3>小米全面屏电视，65英寸</h3>
                    <p>全面屏设计</p> <span>2999元</span><s>3299</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x34.webp" alt="">
                    <h3>Redmi智能电视EA45</h3>
                    <p>澎湃音效影院级体验</p> <span>3099元</span><s>3599</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x7.webp" alt="">
                    <h3>小米全面屏电视，65英寸</h3>
                    <p>全面屏设计</p> <span>2999元</span><s>3299</s>
                </a></li>
        </ul>
    </div>

    <!-- 智能栏 -->
    <div class="sj3"><img src="图片/x8.webp" alt=""></div>
    <div class="wupinwz clearfix"><span class="sj1">智能</span> <a href="" id="sj2">查看更多</a></div>
    <div class="wupin1 clearfix">
        <div class="wupinds1"><a href="">
                <div><img src="图片/x9.webp" alt=""></div>
                <div><img src="图片/x10.webp" alt="" class="wupinds2"></div>
            </a></div>

        <ul>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x11.webp" alt="">
                    <h3>小米智能音箱</h3>
                    <p>小爱同学的陪伴</p> <span>1999元</span><s>2099</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x35.webp" alt="">
                    <h3>新智能油烟机</h3>
                    <p>智能化设计更贴心</p> <span>3099元</span><s>3899</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x36.jpg" alt="">
                    <h3>新智能平衡小车</h3>
                    <p>超长续航</p> <span>1699元</span><s>1899</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x12.webp" alt="">
                    <h3>小米智能窗帘</h3>
                    <p>更加舒适体验</p> <span>1599元</span><s>1899</s>
                </a></li>
            <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x37.webp" alt="">
                    <h3>小米智能手环</h3>
                    <p>重新定义智能</p> <span>399元</span><s>499</s>
                </a></li>
                <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x12.webp" alt="">
                    <h3>小米智能窗帘</h3>
                    <p>更加舒适体验</p> <span>1599元</span><s>1899</s>
                </a></li>
                <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x12.webp" alt="">
                    <h3>小米智能窗帘</h3>
                    <p>更加舒适体验</p> <span>1599元</span><s>1899</s>
                </a></li>
                <li class="clearfix wupinds4" id="wupinds1"><a href="" class="clearfix"><img src="图片/x12.webp" alt="">
                    <h3>小米智能窗帘</h3>
                    <p>更加舒适体验</p> <span>1599元</span><s>1899</s>
                </a></li>

        </ul>
    </div>

    <!-- 视频部分 -->
    <div class="sj3"><img src="图片/x13.webp" alt=""></div>
    <div class="wupinwz clearfix"><span class="sj1">视频</span> <a href="" id="sj2">了解详情</a></div>
    <ul class="wupinsp clearfix">
        <li><a href=""> <img src="图片/x14.webp" alt="">
                <p>2021年新品春季发布会第一场</p>
            </a></li>
        <li><a href=""> <img src="图片/x15.webp" alt="">
                <p>Redmi 10X系列发布会</p>
            </a></li>
        <li><a href=""><img src="图片/x16.webp" alt="">
                <p>小米10青春版 发布会</p>
            </a></li>
        <li><a href=""><img src="图片/x17.webp" alt="">
                <p>小米10 8K手机拍大片</p>
            </a></li>
    </ul>

    <!-- 尾部 -->
    <div class="footer">
        <div class="footer1 clearfix zttp1"><a href="">预约维修服务</a> <em></em> <a href="">7天无理由退货</a> <em></em>
            <a href="">15天免费换货</a><em></em><a href="">满69包邮</a><em></em><a href=""> 520余家售后网点</a>
        </div>


        <div class="footer2 clearfix">
            <div class="footer3">
                <dl class="ban2" id="ban3">
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl class="ban1" id="ban3">
                    <dt><a href="">服务支持</a></dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">自助服务</a></dd>
                    <dd><a href="">相关下载</a></dd>
                </dl>
                <dl class="ban1" id="ban3">
                    <dt><a href="">线下门店</a></dt>
                    <dd><a href="">小米之家</a></dd>
                    <dd><a href="">服务网点</a></dd>
                    <dd><a href="">授权体验店</a></dd>
                </dl>
                <dl class="ban1" id="ban3">
                    <dt><a href="">关于小米</a></dt>
                    <dd><a href="">了解小米</a></dd>
                    <dd><a href="">加入小米</a></dd>

                    <dd><a href="">投资者关系</a></dd>
                    <dd><a href="">企业社会责任</a></dd>
                    <dd><a href="">廉洁举报</a></dd>
                </dl>
                <dl class="ban1" id="ban3">
                    <dt><a href="">关注我们</a></dt>

                    <dd><a href="">新浪微博</a></dd>

                    <dd><a href="">官方微信</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">公益基金会</a></dd>
                </dl>
                <dl class="ban1" id="ban3">
                    <dt><a href="">特色服务</a></dt>
                    <dd><a href="">F 码通道</a></dd>
                    <dd><a href="">礼物码</a></dd>
                    <dd><a href="">防伪查询</a></dd>
                </dl>
            </div>
            <div class="footer4 clearfix">
                <p>400-100-5678</p>
                <span>8:30--18:00(仅收市电话费)</span>
                <em><span id="tbzt2"></span>
                    <p>人共服务</p>
                </em>
                <i>关注小米</i>
            </div>




        </div>
    </div>
    <!-- 结尾文字部分 -->
    <div class="jiewei">
        <div class="jwtp"></div>
        <div class="jieweiwz">
            <div class="wz1">



                <p> <a href="">小米商城</a>|<a href="">MIUI</a> |<a href="">米家</a> |<a href=""> 米聊 </a>| <a href="">多看</a> |
                    <a href="">游戏</a> | <a href="">政企服务</a> | <a href="">小米天猫店</a> | <a href="">小米集团隐私政策 </a> | <a
                        href="">小米公司儿童信息保护规则 </a> | <a href="">小米商城隐私政策</a> |<a href="">小米商城用户协议</a> | <a
                        href="">问题反馈</a> | <a href="">Select Location</a>
                </p>
                <p class="wz2"> <a href="">北京互联网法院法律服务工作站</a> | <a href="">中国消费者协会</a> | <a href="">北京市消费者协会</a></p>


                <p class="wz3"> © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                <p class="wz3">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                <p class="wz3">增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证</p>
                <p class="wz3">违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>

            </div>
            <span> <a href=""><img src="图片/x18.png" alt="" class="jwzp1"></a> </span><span><a href=""><img
                        src="图片/x19.png" alt="" class="jwzp2"></a></span><span><a href=""><img src="图片/x20.png"
                        alt="" class="jwzp3"></a></span><span><a href=""><img src="图片/x21.png" alt=""
                        class="jwzp4"></a></span><span><a href=""><img src="图片/x22.png" alt=""
                        class="jwzp5"></a></span>


        </div>

        <p class="jwwz1">让全球每个人都能享受科技带来的美好生活</p>




    </div>



</body>

</html>